﻿@xs-min:  319px;
@ms-min:  479px;
@sm-min:  767px;
@md-min:  991px;
@lg-min:  1179px;
@ml-min:  1400px;
@xl-min:  1650px;

@xs-max: (@xs-min + 1);
@ms-max:  (@ms-min + 1);
@sm-max:  (@sm-min + 1);
@md-max:  (@md-min + 1);
@lg-max:  (@lg-min + 1);
@ml-max:  (@ml-min + 1);

@mobile:          ~"only screen and (max-width: @{xs-min})";
@mobile-strict:   ~"only screen and (min-width: @{xs-max}) and (max-width: @{ms-min})";
@phone:           ~"only screen and (max-width: @{ms-min})";
@phone-strict:    ~"only screen and (min-width: @{ms-max}) and (max-width: @{sm-min})";
@tablet:          ~"only screen and (max-width: @{sm-min})";
@tablet-strict:   ~"only screen and (min-width: @{sm-max}) and (max-width: @{md-min})";
@non-desktop:     ~"only screen and (max-width: @{md-min})";
@desktop:         ~"only screen and (min-width: @{md-min})";
@desktop-strict:  ~"only screen and (min-width: @{md-max}) and (max-width: @{lg-min})";
@large:           ~"only screen and (min-width: @{lg-min})";
@medium-large:    ~"only screen and (min-width: @{ml-min})";
@extra-large:     ~"only screen and (min-width: @{xl-min})";

@highdensity:@tablet-strict, @desktop-strict;
@lowdensity:@mobile, @mobile-strict, @phone-strict , @tablet-strict;

.box-sizing(@boxmodel) {
  -webkit-box-sizing: @boxmodel;
     -moz-box-sizing: @boxmodel;
          box-sizing: @boxmodel;
}
.font-size(@size) {
    @remfont: (@size / 10);
    @remline: (@size / 10) * 1.5;
    font-size: @size * 1px;
    font-size: ~"@{remfont}rem";
    line-height: @size * 1.5px;
    line-height: ~"@{remline}rem";
    -webkit-font-smoothing: antialiased;     
}
.ellipsis-overflow() {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

@trans-black-slight: rgba(0,0,0,0.06);
@trans-black-less: rgba(0,0,0,0.15);
@trans-black-half: rgba(0,0,0,0.3);
@trans-black: rgba(0,0,0,0.6);
@trans-black-more: rgba(0,0,0,0.85);
@trans-white-less: rgba(255,255,255,0.3);
@trans-white-half: rgba(255,255,255,0.5);
@trans-white: rgba(255,255,255,0.8);
@trans-velvet: rgba(219, 53, 73, 0.85);
@dark-grey: #333333;
@medium-grey: #666666;
@grey: #999999;
@light-grey: #bbbbbb;
@lighter-grey: #dddddd;
@trans-light-grey-half: rgba(225,225,225,0.5);
@trans-light-grey: rgba(225,225,225,0.7);
@trans-light-grey-more: rgba(225,225,225,0.9);
@trans-lighter-grey-half: rgba(240,240,240,0.5);
@trans-lighter-grey: rgba(240,240,240,0.7);
@trans-lighter-grey-more: rgba(240,240,240,0.9);
@red: #e32631;
@velvet: #a32837;
@light-velvet: #dc3044;
@yellow: #ffdf88;
@deep-yellow: #FFBA00;
@azure: #458edf;
@dark-azure: #496D94;
@menured:#a80d13;
@menuorange:#e99c24;
@menuyellow:#f2e11c;
@menugreen:#7eba3e;
@menublue:#6695c8;
@light-green: #A6D475;
@light-text-color: #78A0C6;
@medium-text-color: #89949B;
@text-color: @dark-grey;